<template>
  <div class="header flex-between">
    <div class="header-left flex">
      <button class="dynamic-button">生成装置</button>
      <button class="dynamic-button">分析单元</button>
      <button class="dynamic-button">管控计划</button>
    </div>
    <div class="header-right flex">
      <button class="dynamic-button">隐患管理</button>
      <button class="dynamic-button">风险四色图</button>
      <button class="dynamic-button">事故处理</button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.header {
  position: relative;
  padding: 20px 10px 0;
  color: #fff;
  &-left {
    .dynamic-button {
      margin-right: 20px;
    }
  }
  &-right {
    .dynamic-button {
      margin-left: 20px;
    }
  }
}
</style>